<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UserList</title>
</head>
<style>
    table tr td{
        border: 1px solid darkcyan
    }
    div {
        border-bottom: 1px solid mediumpurple;
        padding-bottom: 20px;
    }
</style>
<body>

<div>
    <#-- 普通字符串 -->
    <h5>模板中普通字符串的输出</h5>
    ${name}的第一个FreeMaker模板页面
</div>

<div>
    <#-- 模板中使用list指令遍历数据类型中的数据 -->
    <h5>模板中使用list指令遍历数据类型中的数据</h5>
    <table>
        <tr>
            <td>序号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>钱包</td>
        </tr>
        <#-- 判断某变量是否存在使用 “??” 用法为:variable??,如果该变量存在,返回true,否则返回false -->
        <#if students??>
            <#list students as stu>
                <tr>
                    <td>${stu_index +1}</td>
                    <td>${stu.name}</td>
                    <td>${stu.age}</td>
                    <td>${stu.money!'money为空'}</td>
                </tr>
            </#list>
        </#if>
    </table>
</div>

<#-- 模板中使用map指令遍历数据类型中的数据 -->
<div>
    <h5>输出hashMap中单条数据的信息</h5>
    姓名:${hashMap.stu.name}<br/>
    年龄:${hashMap.stu.age}<br/>
</div>
<div>
    <h5>遍历输出hashMap中所有数据的信息</h5>
    <table>
        <tr>
            <td>序号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>钱包</td>
        </tr>
        <#list hashMap?keys as k>
            <tr>
                <td>${k_index + 1}</td>
                <td>${hashMap[k].name}</td>
                <td>${hashMap[k].age}</td>
                <td>${hashMap[k].money!'money为空'}</td>
            </tr>
        </#list>
    </table>
</div>
<div>
    <h5>模板中if指令的使用</h5>
    <table>
        <tr>
            <td>序号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>钱包</td>
        </tr>
        <#if students??>
            <#list students as stu>
                <tr>
                    <td>${stu_index +1}</td>
                    <td <#if stu.name == 'stu2'>style="background:green;"</#if>>${stu.name}</td>
                    <td>${stu.age}</td>
                    <td>${stu.money!'money为空'}</td>
                </tr>
            </#list>
        </#if>
    </table>
</div>
<div>
    <h5>内建函数 之 集合大小</h5>
    ${students?size}
</div>
<div>
    <h5>内建函数 之 日期格式化</h5>
    显示年月日: ${today?date} <br/>
    显示时分秒: ${today?time} <br/>
    显示日期+时间: ${today?datetime} <br/>
    自定义格式化: ${today?string("yyyy年MM月dd日 HH时mm分ss秒")} <br/>
</div>
<div>
    <h5>内建函数 之 内建函数C</h5>
    原样输出数字:${number}<br/>
    使用 内建函数C 将数字转换成字符后输出:${number?c}
</div>
<div>
    <h5>使用内建函数assign 将JSON字符串转成对象</h5>
    <#assign text="{'bank':'农业银行','account':'6228483169215254871'}" />
    <#assign data=text?eval />
    开户行:${data.bank} 账户:${data.account}
</div>

</body>
</html>